<template>
  <header class="header-wrapper">
    <div class="header-top">
      <router-link  class="back" to="/"><i class="iconfont icon-back"></i></router-link>
      <h4>浏览记录</h4>
      <a href="#" class="back-last">清空</a>
    </div>
    <div class="nav" @click="show">
      <router-link class="active" to="a" >菜谱</router-link>
      <router-link to="food">美食帖</router-link>
      <router-link to="headline">头条</router-link>
    </div>
  </header>
 </template>
 <script type="text/ecmascript-6">
   import myheader from "../../assets/js/myheader"
        export default{
          methods: {
//
            show() {
              $('.nav').children().click(function () {
                $(this).addClass('active').siblings().removeClass('active');
              });
            },
          },

        }
 </script>

 <style scoped>
   @import url("../../assets/css/my-history.css");
 </style>
